<template>
	<view class="login_page">
		<view class="login_title">
			<text class="login_title_welcome">欢迎使用</text><br>
			<text class="login_title_name">登录签到系统</text>
		</view>
		<view class="login_input">
			<input class="uni-input" type="text" value="" placeholder="请输入用户名"/>
			<input class="uni-input" type="text" value="" placeholder="请输入密码"/>
			
			<button type="primary" @click="login">登 录</button>
		</view>
		
	</view>
	
</template>

<script>
	export default{
		data(){
			return{
				code:"",
				rawData:null
			}
			
		},
		methods:{
			/**登录测试接口*/
			login:function(){
				
				wx.login({
					success:res=>{
						console.log(res.code)
						this.code=res.code;
						uni.request({
						    url: 'https://mrslu.top/onclock/user/login', //仅为示例，并非真实接口地址。
						    data: {
						        code: res.code
						    },
						    header: {
						        'custom-header': 'hello' //自定义请求头信息
						    },
						    success: (res) => {
						        console.log(typeof(res.data.data) );
						        
								uni.setStorage({
								    key: 'token',
								    data: res.data.data,
								    success () {
								        console.log('success');
								    }
								});
						    }
						});
						
					
				}})
				/**获取用户信息接口*/
				// wx.getUserProfile({
				//       desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写
				//       success: (res) => {
				//         console.log(res)
				// 		this.rawData = res.rawData
				//       },
				// 	  fail: (err) => {
				// 	  	console.log(err)
				// 	  }
				//     })
				
			}
			 
		},
		created() {
			// this.login()
		},
		onLoad() {
			//查询登陆状态
			this.checkLogin();
		}
	}
</script>

<style>
	button[type=primary] {
	    background-color: hsl(217deg 100% 58%);
	    /* width: 80%; */
		margin-top: 60rpx;
	}
	.button-hover[type=primary]{
		background-color: #2b85e4;
	}
	.login_title_welcome{
		font-size: 80rpx;
	}
	.login_title_name{
		font-size: 65rpx;
		color: #007AFF;
	}
	.login_page{
		margin-top: 10%;
		margin-left: 10%;
		margin-right: 10%;
	}
	.uni-input{
		border-bottom: 1px solid hsl(204deg 17% 94%);
		margin-top: 60rpx;
		padding: 10rpx;
	}
	.login_input{
		/* position: relative;
		top:100rpx; */
		margin-top: 30%;
	}
</style>
